<div class="content">
    <h2 class="api-name">引入文件</h2>
    <textarea name="code" class="js"> 
    <script type="text/javascript" src="simpleSlider.js"></script>
    </textarea>
    <h2 class="api-name">使用SimplePagination</h2>
    <div class="part">
        <h3 class="api-guide"><a href="../doc/demo/pagination.html" class="demo-btn" target="_blank">运行demo</a>Simple.Pagination(opts)</h3>
        <p class="desc"><strong>概述：</strong>SimplePagination 提供分页共功能，ajax分页不可或缺哦~</p>
        <p>启用 SimplePagination</p>
        <textarea name="code" class="js">
        $('#targetTest').pagination({
            count : 100,
            size: 8,
            current:3,
            callBack: function(pageIndex, pageSize){
                $('.log').html('当前第 ' + pageIndex + ' 页，每页 ' + pageSize +' 条记录。');
            }
         });
        </textarea>
        <h3 class="api-guide">SimplePagination API</h3>
        <table class="configList">
            <tr>
                <th width="100">配置选项</th><th width="200">数据类型</th><th>说明</th>
            </tr>
            <tr>
                <td>count</td><td>int</td><td>总记录数</td>
            </tr>
            <tr>
                <td>size</td><td>int</td><td>每页的记录数量</td>
            </tr>
            <tr>
                <td>[maxPage]</td><td>int{default: 5}</td><td>最多显示N页，此处建议写单数居中会比较好看</td>
            </tr>
            <tr>
                <td>callBack</td><td>function(index, size)</td><td>执行分页后的操作</td>
            </tr>
            <tr>
                <td>[current]</td><td>int{default: 1}</td><td>默认显示第N页</td>
            </tr>
        </table>
    </div>
</div>